<template>
  <div style="height: 100%">
    <div class="top">
      <div style="background: rgb(209, 209, 209); height: 3%; width: 100%">
          地区使用人数统计图 - 百度地图
      </div>
      <div style="width: 100%; height: 100%; margin-right: 0.5%">
        <!-- 其他页面内容 -->
            <AirQualityChart></AirQualityChart>
      </div>
    </div>
  </div>
</template>

<script>
import AirQualityChart from "@/components/container/MapContainer.vue";

export default {
  components: {
    AirQualityChart,
  },
  data() {
    return {
      refreshed: false,
      tableData: [],
      cData: [],
      // if: false,
      lableData: [],
    };
  },
  mounted() {
  },  
};
</script>

<style scoped>
.top {
  height: 97%;
  width: 100%;
  background: rgb(228, 227, 227);
}
.bottom {
  height: 29.5%;
  width: 100%;
  margin-top: 0.5%;
}
.top > div {
  font-size: 17px; /* 设置字体大小为16像素 */
  font-weight: 1000; /* 设置更高的数值来增加字体加粗 */
  font-family: "微软雅黑", sans-serif; /* 将字体更改为微软雅黑 */
  text-align: center; /* 文字居中 */
  display: inline-block;
}
.bottom > div {
  display: inline-block;
  height: 100%;
}
</style>